<template>
  <div class="footer-first">
    <p>{{ firstP }}</p>
    <div>
      <el-image :src="require('_a/Footer/1.png')"></el-image>
      <el-image :src="require('_a/Footer/2.png')"></el-image>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      firstP:
        "From the latest news to the most limited editions, all in the same app NighShop 2.0!"
    };
  }
};
</script>
<style lang="scss" scoped>
.footer-first {
  p {
    margin: 0;
    // height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    font-size: 14px;
  }
  & > div {
    display: flex;
    justify-content: center;
    & > div {
      width: 150px;
      padding: 0 16px;
    }
  }
}
</style>
